
html{
	height: 100%;
}

body{
	display: flex;
	flex-direction: column;
	height: 100%;
	
	background:#fafeff;
	
	font-weight:lighter;
	
	font-family:Microsoft JhengHei;
	margin:0;
}
header{
	height: auto;
	width:100%;
	margin-left: 0;
	background:rgb(230, 230, 237);
	position: fixed; 
	top: 0;
	left:0;
	z-index:999;
	font-family:Microsoft JhengHei;
	flex: 0 0 auto;
	border-bottom:2px solid #AACCDD;
	border-top:1px solid #AACCDD;
}
header ul{
	width: 100%;
	list-style-type: none;
	white-space:nowrap;
	margin-left:5%;
	padding: 0;

}

.ContPara1{
	font-size:16;
}
.optionButton{
	width:100%;
	margin:7 0;
	height:40px;
	text-align:left;
	
	font-family:Microsoft JhengHei;
}
.mainc{
	white-space:normal;
	word-break:break-all;
	word-wrap:break-word;			
	margin:0 auto;
	top:120;
	left:20;
	right:20;
	flex: 1 0 auto;
	font-family:'Microsoft YaHei';
}
@media  screen and (max-width:639px) {
	.mainc{
	width:90%;
	
	}
}
@media  screen and (min-width:640px) {
.mainc{
	width:600px;
	
	}
}
.tech{
	display:inline-block;
	margin-left:50;
	margin-bottom:5px;
	font-size:20px;
	font-family:consolas;
	font-weight:bold;
	color:#CC88AA;
}
footer{
	/*position:absolute;
	bottom:0px;*/
	height:60px;
	width:100%;
	flex: 0 0 auto;
}